<template>
  <div id="app">
    <router-view></router-view>
    <myModal ref="myModal" :tip="tip" :icon="icon"/>
  </div>
</template>

<script>
import myModal from '@/components/myModal'
import { request } from "@/utils/request.js";
import config from "@/utils/config.js";
export default {
  components: {
    myModal,
  },
  data() {
    return {
      tip: '',
      icon: ''
    }
  },
  name: 'App',
  provide () {
    return {
      showModal: this.showModal
    }
  },
  created(){
    this.getDict()
  },
  methods: {
    getDict(){
      // 请求全部字典表并保存到vuex
      this.$store.dispatch("getDictList",this).then(res => {});
    },
    showModal(tip, icon) {
      this.tip = tip
      this.icon = icon
      this.$refs['myModal'].show()
    }
  },
}
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50; 
}
.layout{
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}
.alert_msg {
  text-align: center;
  font-size: 14px;
}
.alert_msg .title {
  margin: 10px 0;
}
.alert_msg .text {
  color: #666;
}
.alert_msg img {
  width: 46px;
  display: block;
  margin: auto;
}

html,body {
  margin: 0;
  padding: 0;
}

.formDiv .el-radio__input.is-checked + .el-radio__label {
  color: #055eba !important;
}

.formDiv .el-radio__input.is-checked .el-radio__inner {
  background: #055eba !important;
  border-color: #055eba !important;
}

.formDiv .el-radio__input.is-checked .el-radio__inner::after {
  width: 16px;
  height: 16px;
  background-image: url(~@/assets/image/register/radio.png);
}

.formDiv .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #055eba !important;
  border-color: #055eba !important;
}
pre{
  white-space: pre-wrap;
}
a {
  text-decoration: none;
}
table {
  border-collapse: collapse;  
  border-spacing: 0;
}
div {
  box-sizing: border-box;
}
.empty {
  text-align: center;
}
.empty img{
  width: 312px;
  height: 185px;
  object-fit: cover;
}
.empty p{
  font-size: 14px;
  color: #666;
}
.bottom-btn-div {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  .btn {
    box-sizing: border-box;
    background-color: #f1f2f4;
		color: #045db9;
		font-size: 16px;
		border-radius: 5px;
		transition: all 0.2s;
    width: 100px;
		height: 40px;
		line-height: 40px;
		padding: 0;
		text-align: center;
    margin-right: 10px;
    &:last-of-type {
      margin-right: 0;
    }
    &:hover {
      box-shadow: 0px 3px 5px #e1e1e1;
      cursor: pointer;
    }    
    &.primary {
      background-color: #045db9;
      color: #FFFFFF;
    }
    &.disable {
      color: #bcbec2;
      background-color: #f4f4f5;
      border: 1px solid #e9e9eb;
      &:hover {
        box-shadow: none;
        cursor: not-allowed;
      }    
    }
  }
}
</style>
